
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" /> 
    <meta name="format-detection" content="telephone=no" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>订单结算页 -生态时代商城</title>
	<!--结算页面样式-->	
	<link rel="stylesheet" type="text/css" href="/css/address.css" media="all" />
	<link rel="stylesheet" type="text/css" href="/css/base.css" media="all" />

    <link type="text/css" rel="stylesheet"  href="/css/order-commons.css" source="widget"/>	
	<script type="text/javascript" src="/js/jquery-1.6.4.js"></script>
	<script type="text/javascript" src="/js/base.js"></script>	
	<script type="text/javascript" src="/js/order.common.js"></script>
	<script type="text/javascript" src="/js/jquery.checkout.js"></script>
	<script type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
</head>	<body id="mainframe">
<jsp:include page="../commons/shortcut.jsp" />
<!--shortcut end-->

<div class="w w1 header clearfix">
    <div id="logo"><a href="http://www.stsdai.com/"><img src="/images/logo.png" alt="生态时代商城"></a></div>
</div>
   <div class="w">
    <div class="address">
    <h1>新增收货地址</h1>
    <p><span>温馨提示:</span>&nbsp;&nbsp;&nbsp;邮政编码为选填项，其余为必填项，务必谨慎填写</p>
  
    <form action="#" method="post">
    <table>
       <tr>
          <td>收货人姓名:</td>
          <td><input type="text" name="receiverName" maxlength="10"/></td>
          <td>如:王xx</td>
       </tr>
       <tr>
          <td>收货人电话:</td>
          <td><input type="text" name="receiverPhone" class="phone" /></td>
          <td>如:177xxxxxxxx</td>
       </tr>
        <tr>
          <td>收货省份:</td>
          <td><input type="text" name="receiverState" maxlength="10"/></td>
          <td>如:山西省 </td>
       </tr>
       <tr>
          <td>收货城市:</td>
          <td><input type="text" name="receiverCity" maxlength="10" /></td>
          <td>如:太原市 </td>
       </tr>
         <tr>
          <td>收货县/区</td>
          <td><input type="text" name="receiverDistrict" maxlength="10"/></td>
          <td>如:太谷县</td>
       </tr>
       <tr>
          <td>收货详细地址:</td>
          <td><input type="text" name="receiverAddress" /></td>
          <td>如:xx街道 xx单元 xx号 </td>
       </tr>
       <tr>
          <td>邮编:</td>
          <td><input type="text" name="receiverZip" /></td>
           <td>如:030800 </td>
       </tr>
        </tr>
         <tr>
          <td></td>
          <td><h2 class="message"></h2></td>
       </tr>
         <tr>
          <td></td>
          <td><button type="button" class="btn">保存</button></td>
       </tr>
    </table>
    </form>
    </div>
    
    </div>

 <!-- 展示收货地址 -->
 <div class="look-address">
				<table border="0" cellspacing="0" cellpadding="0" class="tbl-main">
				<tbody>
				<tr class="grade">
					<th>收货人</th>
					<th>所在地区</th>
					<th>详细地址</th>
					<th>邮编</th>
					<th>电话/手机</th>
					<th>操作</th>
					<th></th>
				</tr>
				<c:set var="totalnum" value="0"></c:set>
				 <c:forEach items="${receiverList}" var="receiver">
				 <c:set var="totalnum" value="${totalnum+1}"></c:set>
                <tr class="thead-address  address-default ">
							<td>${receiver.receiverName }</td>
							<td>${receiver.receiverState } ${receiver.receiverCity } ${receiver.receiverDistrict }</td>
							<td>${receiver.receiverAddress }</td>
							<td>${receiver.receiverZip}</td>
							<td>${receiver.receiverPhone}</td>
							<td>
	                           <!--  < a href=" ">修改</ a> | -->
								<a href="#"  data-id="${receiver.id }"  class="del" >删除</a>
							</td>
							<td class="thead-tbl-status"><span class="note"></span></td>
				</tr>
				</c:forEach>
				</tbody>
			</table>
			<div class="caption">已保存了${totalnum}条地址</div>
		</div>
		<!-- footer start -->
<jsp:include page="../commons/footer.jsp" />

<script type="text/javascript" src="/js/address.js"></script>
	</body>
</html>